<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>表格</title>
</head>
<body>
    <!--
        表格 <table></table>
            属性：
                boder: 设置表格的边框
                width: 设置表格的宽度
                height： 高度
                align: 设置表格居中方式 left / center / right
                bordercolor: 设置边框颜色
                bgcolor: 背景颜色
                cellpadding: 设置单元格和内容之间的内边距
                cellspacing : 设置单元格和单元格之间的边距
        行   <tr></tr>
            属性：
                align: 设置当前行的内容水平对齐方式 left/center/right
                valign: 设置当前行的内容垂直对齐方式 top/middle/bottom、
                bgcolor： 设置当前行的背景颜色
        列   <td></td>
                属性：
                    width：宽
                    height: 高
                    align: 水平对齐方式
                    valign: 垂直对齐范式
                    bgclor: 背景颜色
                    colspan:跨列
                    rowspan 跨行
    -->
    <table border="1" align="center" cellspacing="5px">
        <tr align="center" bgcolor="#6495ed" >
            <td>编号</td>
            <td>书名</td>
            <td>作者</td>
            <td>简介</td>
            <td>操作</td>
        </tr>
        <tr>
            <td>1</td>
            <td>《三国演义》</td>
            <td>罗贯中</td>
            <td>三个大佬创业的故事</td>
            <td>
                <a href="#">修改</a>
                <a href="#">删除</a>
            </td>
        </tr>
        <tr>
            <td>2</td>
            <td>《水浒传》</td>
            <td>施耐庵</td>
            <td>105个男人和三个女人在梁山上生活</td>
            <td>
                <a href="#">修改</a>
                <a href="#">删除</a>
            </td>
        </tr>
         <tr>
            <td>3</td>
            <td>《西游记》</td>
             <td>吴承恩</td>
            <td>1个和尚带着三只宠物上西天</td>
            <td>
                <a href="#">修改</a>
                <a href="#">删除</a>
            </td>
        </tr>
         <tr>
            <td>2</td>
            <td>《红楼梦》</td>
             <td>曹雪芹</td>
            <td>1个男孩和一群女孩在公园生活...</td>
            <td>
                <a href="#">修改</a>
                <a href="#">删除</a>
            </td>
        </tr>
    </table>
</body>
</html>